﻿<%@ Page Title="" Language="C#" MasterPageFile="~/views/customer/customermaster.master" AutoEventWireup="true" CodeFile="fenxi.aspx.cs" Inherits="views_customer_fenxi" %>

<%@ Register Assembly="System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" Namespace="System.Web.UI.DataVisualization.Charting" TagPrefix="asp" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MyContent" Runat="Server">
   
    <div class="container-fluid">
       <div class="row">
           <div class="col">
               <h3 class="text-center" style="color: white">反馈分析</h3>
               </div>
            </div>
         </div>
       <style>
        .card {
          background-color: transparent; /* 设置背景色为透明 */
          color: white; /* 设置字体颜色为白色 */
        }
        .repeater {
             display: flex; /* 设置为弹性盒子布局 */
            flex-wrap: wrap; /* 设置为自动换行 */
            background-color: transparent; /* 设置背景色为透明 */
          color: white; /* 设置字体颜色为白色 */
        }
        .zoom {
          width: 625px; /* 设置div的宽度 */
          height: 291px; /* 设置div的高度 */
          border: 2px solid black; /* 设置div的边框 */
          box-shadow: 0 0 10px gray; /* 设置div的阴影 */
          background-color:transparent; /* 设置div的背景色 */
          color: white;
          transition: transform 0.5s; /* 设置动画的持续时间为0.5秒 */
          margin: 15px; /* 设置div.zoom的外边距为10像素 */
           
        }

        .zoom:hover {
          transform: scale(1.2); /* 设置放大的比例为1.2倍 */
          box-shadow: 0 0 20px gray; /* 设置div的阴影 */
        }
</style>
       <div class="repeater">
        <div class="zoom">
            <!-- 定义一个 Chart 控件，并绑定到 SqlDataSource 控件 -->
            <asp:Chart ID="Chart1" runat="server" DataSourceID="SqlDataSource1" Height="291px" Width="625px">
                        <Series>
                            <asp:Series Name="Series1" XValueMember="ProductName" YValueMembers="ProductPrice" ChartType="Line"></asp:Series>
                        </Series>
                        <ChartAreas>
                            <asp:ChartArea Name="ChartArea1"></asp:ChartArea>
                        </ChartAreas>
                    </asp:Chart>
                </div> 
    <div class="zoom">
            <!-- 定义一个 SqlDataSource 控件，并连接到数据库 -->
            <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:FreeTrialConnectionString %>" SelectCommand="SELECT * FROM [Product1]"></asp:SqlDataSource>
            <asp:Chart ID="Chart2" runat="server" DataSourceID="SqlDataSource2" Height="291px" Width="625px" Title="商品评分">
                <Series>
                    <asp:Series ChartType="Radar" Name="Series1" XValueMember="ProductName" YValueMembers="Avscore" YValuesPerPoint="2">
                    </asp:Series>
                </Series>
                <ChartAreas>
                    <asp:ChartArea Name="ChartArea1">
                    </asp:ChartArea>
                </ChartAreas>
            </asp:Chart>
          </div>
    <div class="zoom">
            <asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:FreeTrialConnectionString %>" SelectCommand="SELECT [ProductName], [Avscore] FROM [ksh]"></asp:SqlDataSource>
            <asp:Chart ID="Chart3" runat="server" DataSourceID="SqlDataSource3" Height="291px" Width="625px" Title="一定时间内的申请情况">
                <Series>
                    <asp:Series ChartType="Bar" Name="Series1" XValueMember="TrialTime" YValueMembers="ProductID" YValuesPerPoint="2">
                    </asp:Series>
                </Series>
                <ChartAreas>
                    <asp:ChartArea Name="ChartArea1">
                    </asp:ChartArea>
                </ChartAreas>
            </asp:Chart>
        </div>
            <asp:SqlDataSource ID="SqlDataSource3" runat="server" ConnectionString="<%$ ConnectionStrings:FreeTrialConnectionString2 %>" ProviderName="<%$ ConnectionStrings:FreeTrialConnectionString2.ProviderName %>" SelectCommand="SELECT * FROM [Trial]"></asp:SqlDataSource>
           <div class="zoom">
        <asp:SqlDataSource ID="SqlDataSource4" runat="server" ConnectionString="<%$ ConnectionStrings:FreeTrialConnectionString2 %>" SelectCommand="SELECT [ProductName], [number] FROM [ksh]"></asp:SqlDataSource>
            <asp:Chart ID="Chart4" runat="server" DataSourceID="SqlDataSource4" Height="291px" Width="625px" Title="商品被申请次数">
                <Series>
                    <asp:Series Name="Series1" XValueMember="ProductName" YValueMembers="number" YValuesPerPoint="6">
                    </asp:Series>
                </Series>
                <ChartAreas>
                    <asp:ChartArea Name="ChartArea1">
                    </asp:ChartArea>
                </ChartAreas>
            </asp:Chart>
               </div>
               <div class="zoom">
        <asp:SqlDataSource ID="SqlDataSource5" runat="server" ConnectionString="<%$ ConnectionStrings:FreeTrialConnectionString2 %>" SelectCommand="SELECT [ProductName], [consumerage] FROM [ksh]"></asp:SqlDataSource>
            <asp:Chart ID="Chart5" runat="server" DataSourceID="SqlDataSource5" Height="291px" Width="625px" Title="选择商品的用户平均年龄">
                <Series>
                    <asp:Series Name="Series1" XValueMember="ProductName" YValueMembers="consumerage" YValuesPerPoint="6" ChartType="Line">
                    </asp:Series>
                </Series>
                <ChartAreas>
                    <asp:ChartArea Name="ChartArea1">
                        <AxisX LabelStyle-Angle="-45">
                        </AxisX>
                    </asp:ChartArea>
                </ChartAreas>
            </asp:Chart>
        </div>
        </div>
</asp:Content>

